@charset "utf-8";
/* CSS Document */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0;letter-spacing:1px }
body { font-size: 14px;  color: #3f3d3d; font-family: "微软雅黑";letter-spacing:1px;}
ul,li { list-style: none; }
img { border: 0; }
input:focus { outline: none; }

/* 圆细滚动条样式*/
::-webkit-scrollbar{width:6px;height:12px}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 全局 */
a { text-decoration: none;color:#5d5d5d;outline: none;letter-spacing:1px }
a:hover { text-decoration:none;color:#3399cc;outline: none;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}

/* 清理浮动 */
.clear { clear: both; zoom: 1; }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.fl { float: left; }
.fr { float: right; }

.wrapper { width: 1200px; margin: 0 auto;    overflow: hidden;}

/* 头部 */
.top{width:100%;overflow:hidden;height:30px;line-height:30px;background:#f5f5f5}
.top p{color:#555555;font-size:12px;}
.top .left,.top .right{width:50%}
.top .right{text-align:right}
.top .right a{color:#555;text-decoration: none}
.top .right a:hover{color:#3399cc;text-decoration: none}

.index01 {width: 100%; overflow: hidden;padding: 30px 0;}
.index01 .logo {width:61%;}
.index01 .logo a {}


.index01 .tel{width:30%;text-align:right;background: url(../images/tel.png) no-repeat right center;height:55px}
.index01 .tel p{color: #959595;font-size: 14px; padding-right: 17%;}
.index01 .tel h4{display: block;color: #309ddc;font-size: 22px; padding-right: 17%;margin-top: 1%;}



/* 菜单 */
.index02{background:url(../images/index01.jpg) repeat-x;overflow:hidden;height:50px;line-height:50px}
.index02 ul{overflow:hidden}

.index02 ul li{width:12.5%;float:left;text-align:center}
.index02 ul li a{display:block;color:#ffff;text-decoration: none}
.index02 ul li:hover{background:#3399cc}
.index02 ul li:hover a{color:#fff;text-decoration: none}




/* 焦点图*/
.banner { position: relative; height: 550px; overflow: hidden;  }
.slider{ width:100%; height:550px; margin:0 auto; overflow:hidden;}
.slider{ }
.slider #slider1_container { position: relative; top: 0px; left: 0px; width:100%; height:550px;}
.slider .slides { cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width:100%; height:550px;}
.slider .slides div{ width:100%; height:550px; text-align:center; position:relative; overflow:hidden;}
.slider .slides div a { position:absolute; width:1920px !important; left:50% !important; vertical-align:middle; margin:0 auto; text-align:center;}
.slider .slides img { width:1920px !important; height:550px; text-align:center; vertical-align:middle; position:relative; left:-50% !important;}

.av{ background-color:#FFFFFF !important;}
.slidetip{ position:fixed; z-index:99; bottom:20px; left:48%;}



/*产品展示 */

.index03{width:100%;height:auto;overflow:hidden;margin:4% 0}
.index03 .title{text-align:center;margin-bottom:2%}
.index03 .prolist{overflow:hidden}
.index03 .prolist .left{width:23%;}
.index03 .prolist .left p{width:100%;height:65px;line-height:65px;text-align:center;background:#3399cc}
.index03 .prolist .left p a{color:#ffffff;font-size:24px}
.index03 .prolist .lieb{margin-top:4%;border:8px solid #d9d9d9;overflow:hidden}
.index03 .prolist .lieb ul{overflow:hidden}
.index03 .prolist .lieb li{border-bottom:1px solid #cccccc;line-height:65px;background: url(../images/index02.png) no-repeat 8% center}
.index03 .prolist .lieb li a{padding-left:25%;text-decoration: none;}
.index03 .prolist .lieb li a:hover{text-decoration: none;color:#3399cc}
.index03 .prolist .right{width:75.5%;overflow:hidden;}
.index03 .right .pro_tit{    width: 100%; border-bottom: 3px solid #d9d9d9;height:40px;line-height:40px;padding-bottom:1%}
.index03 .right .tit{width:50%;float:left;border-left:5px solid #3399cc;height:100%}
.index03 .right .tit p{color:#3399cc;font-size:18px;padding-left:2%;font-weight:700}
.index03 .right .more{width:8%;float:right;height:30px;line-height:30px;   border: 1px solid #d9d9d9;border-radius: 6px;text-align: center;}
.index03 .right .more a{font-size:13px;color:#5d5d5d;text-decoration:none;}
.index03 .right .more a:hover{text-decoration:none;color:#3399cc;}

.index03 .right .pro_nr{border:1px solid #d9d9d9;    margin-top: 2%;}

.index03 .right .pro_nr ul{    padding: 0 2% 3% 2%;overflow:hidden}

.index03 .right .pro_nr ul li{    width:33.33%;margin: 3% 0 0 0; text-align: center;float:left;}

.index03 .right .pro_nr ul li img{border: 1px solid #d9d9d9;transition: All 0.6s ease-in-out;-webkit-transition: All 0.6s ease-in-out;-moz-transition: All 0.6s ease-in-out;-o-transition: All 0.6s ease-in-out;width:275px;height:205px}
.index03 .right .pro_nr ul li:hover img{border: 1px solid #3399cc}
.index03 .right .pro_nr ul li p{font-size:16px;margin-top:2%}

/*关于我们*/
.index04{width:100%;height:auto;overflow:hidden;}
.index04 .about{overflow:hidden}
.index04 .about .title,.index05 .case .title,.index07 .title{margin-bottom:2%;overflow:hidden}
.index04 .about .title .lef,.index05 .case .title .lef,.index07 .new .title .lef{width:30%;float:left}
.index04 .about .title .lef b,.index07 .new .title .lef b{font-size:28px;color:#434343}
.index04 .about .title .lef span,.index05 .case .title .lef span,.index07 .new .title .lef span{color:#cccccc;margin-left:4%;display:inline-block}
.index04 .about .title .rig,.index05 .case .title .rig{width:8%;float:right;text-align:center;height:30px;line-height:30px;}
.index04 .about .title .rig a{display:block;color:#fff;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-o-border-radius: 20px;background:#3399cc;transition: All 0.6s ease-in-out;-webkit-transition: All 0.6s ease-in-out;-moz-transition: All 0.6s ease-in-out;-o-transition: All 0.6s ease-in-out;}
.index04 .about .title .rig a:hover,.index05 .case .title .rig a:hover,.index07 .new .title .rig a:hover{border-radius: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;-o-border-radius:0px;}


.index04 .about .ab{overflow:hidden}

.index04 .about .ab .left{width:52%;}
.index04 .about .ab .left .cont{line-height:2em}
.index04 .about .ab .right{width:45.5%}
.index04 .about .ab .right img{width:545px;height:430px}
.index04 .adv{margin-top:3%;overflow:hidden}
.index04 .adv li{width:49%;float:left;margin-right:1%;margin-bottom:1%}

.index04 .adv li a{display:block;text-align:center;border:1px solid #ccc;padding:2% 0 4% 0}
.index04 .adv li a:hover{border:1px solid #ff9f06;}
.index04 .adv li a h2{color:#3399cc;font-size:30px}
.index04 .adv li a p{color:#5a5a5a;font-size:16px;margin:1% 0;font-weight: 600;}
.index04 .adv li a span{font-size:13px;color:#8e8e8e}
/*工程案例 */


.index05{width:100%;height:445px;overflow:hidden;margin:4% 0 0 0;background:url(../images/s.jpg) no-repeat top center}
.index05 .case{padding:3% 0;overflow:hidden}
.index05 .case .title .lef b{font-size:28px;color:#fff}
.index05 .case .title .rig a{display:block;color:#3399cc;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-o-border-radius: 20px;background:#fff;transition: All 0.6s ease-in-out;-webkit-transition: All 0.6s ease-in-out;-moz-transition: All 0.6s ease-in-out;-o-transition: All 0.6s ease-in-out;}

		.picScroll-left{ overflow:hidden; position:relative; margin: 3% 0 0 0;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{     margin: 0 8px; float:left;overflow:hidden; text-align:center; position:relative ;width: 30%;}
.picScroll-left .bd ul li a{    padding: 4%;display: block;width:92%;height:255px;text-decoration: none;    background: #fff;}
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:331px; height:208px; display:block;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out; }
.picScroll-left .bd ul li a:hover img{border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;}

.picScroll-left .bd ul li .tit{line-height:4em;font-size:16px}
.picScroll-left .bd ul li a:hover{background:#ff9f06}
.picScroll-left .bd ul li a:hover .tit{color:#fff;text-decoration: none;}


/*优势 */

.index06{width:100%;height:560px;overflow:hidden;background:url(../images/index05.jpg) no-repeat top center}

/*新闻资讯 */
.index07{width:100%;height:auto;overflow:hidden;background:#f8f8f8;padding:3% 0}
.index07 .new .title .rig a{display:inline-block;color:#fff;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-o-border-radius: 20px;background:#3399cc;transition: All 0.6s ease-in-out;-webkit-transition: All 0.6s ease-in-out;-moz-transition: All 0.6s ease-in-out;-o-transition: All 0.6s ease-in-out;}
.index07 .new .title .rig{width:30%;float:right;text-align:center;height:30px;line-height:30px;}
.index07 .new .title .rig a{margin:0 1%;    width: 25%;}


.index07 .newlist{overflow:hidden}



.index07 .newlist li{width:31.33%;float:left;    padding-right: 1.5%;}

.index07 .n_pic img{width:100%;height:235px;}
.index07 .newlist li h4{font-size:16px;    margin: 6% 0 3% 0;}
.index07 .newlist li .time,.index07 .newlist li p{font-size:13px;color:#928f8f}
.index07 .newlist li p{margin:3% 0 7% 0;line-height:2em;letter-spacing:2px}
.index07 .newlist .more{border-top:1px solid #d4d4d4;padding-top:3%}
.index07 .newlist .more a{font-size:13px; text-decoration: none;color:#5d5d5d;}
.index07 .newlist .more a:hover{text-decoration:none;color:#3399cc;}


/*底部*/

.index08{width:100%;background:#202020;height:375px;margin-top:10%;position:relative}
.index08  .foot{overflow:hidden}
.index08 .left{width:15%;padding:2%;height:auto;background:#242424;position:absolute;bottom:0px}
.index08 .left .online{height:46px;background:url(../images/index03.png) no-repeat left center;margin-bottom:10%}
.index08 .left .online h3{font-size:24px;font-weight: 100;color:#dddddd;padding-left:20%}
.index08 .left .online span,.index08 .left .tel p{font-size:13px;color:#999999;padding-left:20%}



.index08 .left .oc{    width: 95%; height: 40px; border: 1px solid #ccc;background: none; margin-bottom: 4%;color: #ccc; padding-left: 3%;line-height: 40px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px;}
.index08 .left .ot{width: 95%;height: 60px;line-height:2em;border:1px solid #ccc;background:none;margin-bottom:3%;color:#ccc;padding-left: 4%;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px;}
.index08 .left .oz{width:100%;height:40px;background:#dddddd;color:#5d5d5d;text-align:center;border:none medium;cursor: pointer;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;border-radius: 3px;}
.index08 .left .oz:hover{background:#ff9f06;color:#fff}
.input-text{width:50%;height:40px;border:1px solid #ccc;background:none;color:#ccc;margin-bottom: 4%;color:#606060;padding-left:10px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px;}

.index08 .left .tel{height:46px;background:url(../images/index04.png) no-repeat left center;margin-top:10%}
.index08 .left .tel h3{font-size:24px;color:#dddddd;padding-left:20%}


.index08  .right{width:65%;overflow:hidden}
.index08  .right .nava{margin:7% 0 4% 0;border-bottom:1px solid #333333;padding-bottom:3%}


.index08  .right .nava ul{overflow:hidden}

.index08  .right .nava ul li{width:12.5%;float:left;text-align:center}
.index08  .right .nava ul li a{display:block;color:#999999;text-decoration: none}

.index08  .right .nava ul li:hover a{color:#ff9f06;text-decoration: none}

.index08  .right .fot{overflow:hidden}

.index08  .right .fot p{width:80%;float:left;color:#999999;font-size:13px;line-height:2.2em}
.index08  .right .fot span{margin:0 1% 0 0;color:#999999}
.index08  .right .fot .ma{width:20%;float:right}
.index08  .right .fot .ma img{width:100px;height:100px;border:5px solid #fff;border-radius: 5px;-webkit-border-radius:5px;-moz-border-radius: 3px;-o-border-radius: 5px;}
.index08  .right .di{margin-top:6%;}
.index08  .right .di span{margin:0 1% 0 0;color:#999999}
.index08  .right .di span a{color:#999999;text-decoration: none}
.index08  .right .di span a:hover{color:#ff9f06;text-decoration: none}